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CHOOSE YOUR PATHWAY 





This course contains over 60 hours of content, but you don't have to watch it all! 
You might have a unique goal or a unique learning style, and so your learning experience should also be unique 


That's why | created 7 different pathways to guide you through the course, according to your goal and learning style 
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By following a pathway, you don't have to watch the entire course If you don't have the time 


Might be great for students of 
4A Udemy for Business 











a | want to learn everything «< Pathway 1: Everything! 





© | want to learn JavaScript fast & Pathway 2: Only Important Parts 


3 | want to learn by building projects with a UI (User Interface) & Pathway 3: Only Projects With UI 


4 | only want to learn the language itself, not the DOM (UI) & Pathway 4: Only Language Itself (no Ul) 


5 | only want the fundamentals to learn React/Angular/Vue next & Pathway 5: Only Interested in Frameworks 


6 | only want to prepare for a job interview «< Pathway 6: Job Interview Preparation 


7 | took version 1 of the course and only want the updates «< Pathway 7: Only What's New in Version 2 


% PATHWAY 1: EVERYTHING 





INSTRUCTIONS 


< If you have the time, this is the best option! 


< |f you prefer practice over theory, leave the 
section “How JavaScript Works Behind the 
Scenes” for after the projects! 


< \|f you want to skip some stuff, each section 
contains a roadmap where you can find the 
most important lectures of that section 


< So, if you want to speed up your learning, 
you can focus only on these important 
lectures 


Very important 
Good to know 


Optional 


SEC TION 


JavaScript Fundamentals — Part 1 

JavaScript Fundamentals — Part 2 

Developer Skills & Editor Setup 

HTML & CSS Crash Course 

JavaScript in the Browser. DOM Manipulation Fundamentals 
How JavaScript Works Behind the Scenes 

Data Structures, Modern Operators and Strings 

A Closer Look at Functions 

Working With Arrays 

Numbers, Dates, Intl and Timers 

Advanced DOM and Events 

Object Oriented Programming (OOP) With JavaScript 

Mapty App: OOP Geolocation, External Libraries, and More! 
Asynchronous JavaScript: Promises, Async/Await and AJAX 
Modern JavaScript Development: Modules and Tooling 
Forkify App: Building a Modern Application 


Setting Up Git and Deployment 


COMMENTS 


The absolute fundamentals of the JavaScript language 

Some more fundamentals, like functions, objects and loops 
Setting up your dev system, how to learn, debugging, etc. 

Only watch If you have no idea about HTML and CSS 

Build your first real applications 

Some quite advanced lectures. You can leave this for later 
Deep dive into objects, strings, ES6+ features like destructuring 
Deep dive into higher-order functions, closures, bind, etc. 
Everything you need to know about arrays In a beautiful project 
Safe to skip, but if you want to learn everything, then don't & 
Learn advanced DOM by building beautiful UI components 
Deep dive into OOP constructors, classes, Inheritance, etc. 

Put everything we have learned so far into practice 

Deep dive into promises, async/await, error handling, etc. 

Learn how to use modules and modern JavaScript build tools 
Architect and build a complete modern JavaScript application 


Deploy the forkify app to a live server to share it with the world! 


% PATHWAY 2: ONLY IMPORTANT PARTS 
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INSTRUCTIONS 


Youre in a hurry, and | get that! Here is the 
TLDR version of the course for you © 


Also, each section contains a roadmap 
where you can find the most important 
lectures of that section 


So, to speed up learning even more, you can 
focus only on these important lectures 


All this will shrink the course to only 24 
hours! (16h at 1.5x speed ©) 


Very important 
Good to know 


Optional 


SEC TION 


JavaScript Fundamentals — Part 1 

JavaScript Fundamentals — Part 2 

Developer Skills & Editor Setup 

HTML & CSS Crash Course 

JavaScript in the Browser. DOM Manipulation Fundamentals 
How JavaScript Works Behind the Scenes 

Data Structures, Modern Operators and Strings 

A Closer Look at Functions 

Working With Arrays 

Numbers, Dates, Intl and Timers 

Advanced DOM and Events 

Object Oriented Programming (OOP) With JavaScript 

Mapty App: OOP Geolocation, External Libraries, and More! 
Asynchronous JavaScript: Promises, Async/Await and AJAX 
Modern JavaScript Development: Modules and Tooling 
Forkify App: Building a Modern Application 


Setting Up Git and Deployment 








COMMENTS 


You need to watch at least the first 2 lectures 
Important concepts, but you can learn some of them in projects 


Only necessary If you want a cool website project with JS 
Only necessary if you want to practice what you learned earlier 


Only necessary If you want to use build tools and modules 


Only necessary if you want to practice what you learned earlier 


% PATHWAY 3: ONLY PROJECTS WITH UI 





INSTRUCTIONS 


& This pathway skips some fundamental 
lectures, because you will use these 
concepts in selected projects 


“< If you you don't understand some concept/ 
syntax in a project, just go back to the 
section where | first introduce It 


& Each section contains a roadmap where 
you can find the most important lectures of 
that section 


< So, to speed up learning even more, you can 
focus only on these important lectures 


Very important 
Good to know 


Optional 


SEC TION 


JavaScript Fundamentals — Part 1 

JavaScript Fundamentals — Part 2 

Developer Skills & Editor Setup 

HTML & CSS Crash Course 

JavaScript in the Browser. DOM Manipulation Fundamentals 
How JavaScript Works Behind the Scenes 

Data Structures, Modern Operators and Strings 

A Closer Look at Functions 

Working With Arrays 

Numbers, Dates, Intl and Timers 

Advanced DOM and Events 

Object Oriented Programming (OOP) With JavaScript 

Mapty App: OOP Geolocation, External Libraries, and More! 
Asynchronous JavaScript: Promises, Async/Await and AJAX 
Modern JavaScript Development: Modules and Tooling 
Forkify App: Building a Modern Application 


Setting Up Git and Deployment 


COMMENTS 


You need the fundamentals, even though there is no UI here 
You need to watch at least the first 2 lectures 
Very important theory lectures, but you can watch them later 


Important concepts, but you can learn some of them in projects 


Important concepts, but you can learn some of them in projects 


Important concepts, which will be necessary In projects 


Important concepts, which will be necessary In projects 


Preparation for the next project 


% PATHWAY 4: ONLY LANGUAGE ITSELF (NO UN) 





INSTRUCTIONS 


“< \|f you don't care about building projects 
(which is totally cool), this path is for you! 


< You might still want to check out projects, 
like the forkify app, which contains a lot of 
interesting code and architecture 


“ Each section contains a roadmap where 
you can find the most important lectures of 
that section 


< So, to speed up learning even more, you can 
focus only on these important lectures 


Very important 
Good to know 


Optional 


SEC TION 


JavaScript Fundamentals — Part 1 

JavaScript Fundamentals — Part 2 

Developer Skills & Editor Setup 

HTML & CSS Crash Course 

JavaScript in the Browser. DOM Manipulation Fundamentals 
How JavaScript Works Behind the Scenes 

Data Structures, Modern Operators and Strings 

A Closer Look at Functions 

Working With Arrays 

Numbers, Dates, Intl and Timers 

Advanced DOM and Events 

Object Oriented Programming (OOP) With JavaScript 

Mapty App: OOP Geolocation, External Libraries, and More! 
Asynchronous JavaScript: Promises, Async/Await and AJAX 
Modern JavaScript Development: Modules and Tooling 
Forkify App: Building a Modern Application 


Setting Up Git and Deployment 





COMMENTS 


You need to watch at least the first 2 lectures 


This actually contains a project, but you can skip those lectures 


This is actually a project, but you might still find this intersting 


% PATHWAY 5: ONLY INTERESTED IN FRAMEWORKS 





INSTRUCTIONS 


< There are no frameworks in this course, but 
you can focus on the essential JavaScript 
in order to progress to a framework next 


& |n my opinion, you should know JS really 
well before moving to a framework, but 
there are different opinions, which is fine © 


“ Each section contains a roadmap where 
you can find the most important lectures of 
that section 


“& So, to speed up learning even more, you can 
focus only on these important lectures 


Very important 
Good to know 


Optional 


SEC TION 


JavaScript Fundamentals — Part 1 

JavaScript Fundamentals — Part 2 

Developer Skills & Editor Setup 

HTML & CSS Crash Course 

JavaScript in the Browser. DOM Manipulation Fundamentals 
How JavaScript Works Behind the Scenes 

Data Structures, Modern Operators and Strings 

A Closer Look at Functions 

Working With Arrays 

Numbers, Dates, Intl and Timers 

Advanced DOM and Events 

Object Oriented Programming (OOP) With JavaScript 

Mapty App: OOP Geolocation, External Libraries, and More! 
Asynchronous JavaScript: Promises, Async/Await and AJAX 
Modern JavaScript Development: Modules and Tooling 
Forkify App: Building a Modern Application 


Setting Up Git and Deployment 


COMMENTS 


You still need the JavaScript fundamentals & 

You need to watch at least the first 2 lectures 

Useful to get an understanding of manual DOM manipulation 
Many modern ES6+ features that are needed in frameworks 
You will be able to skip many lectures (see section roadmap) 
Array methods are very important In most frameworks 

You will be able to skip many lectures (see section roadmap) 
You will be able to skip many lectures (see section roadmap) 


Look mostly for lectures on modules 


Might be useful to learn how to structure a large project 


% PATHWAY 6: JOB INTERVIEW PREPARATION 





INSTRUC TIONS 


< This pathway focusses on sections 
containing many theory lectures, which are 
a great source of learning for interviews! 


“ Each section contains a roadmap where 
you can find the most important lectures of 
that section 


< So, to speed up learning even more, you can 
focus only on these important lectures 





Optional 


SEC TION 


JavaScript Fundamentals — Part 1 
JavaScript Fundamentals — Part 2 
Developer Skills & Editor Setup 


HTML & CSS Crash Course 


JavaScript in the Browser. DOM Manipulation Fundamentals 





Data Structures, Modern Operators and Strings 


Working With Arrays 





Numbers, Dates, Intl and Timers 


Mapty App: OOP Geolocation, External Libraries, and More! 









Modern JavaScript Development: Modules and Tooling 


Forkify App: Building a Modern Application 


Setting Up Git and Deployment 





COMMENTS 


Many must-watch theory lectures 

Topics like higher-order functions, bind, and closures 

Some Important things about how the DOM works 

Watch mainly theory lectures, but other lectures are also helpful 


Watch mainly theory lectures, but other lectures are also helpful 


% PATHWAY 7: ONLY WHAT'S NEW IN VERSION 2 





INSTRUCTIONS SEC TION COMMENTS 


JavaScript Fundamentals — Part 1 





< Welcome to Version 2! Here is everything JavaScript Fundamentals — Part 2 


HTML & CSS Crash Course 





“< Each section contains a roadmap where 











you can find the most important lectures of JavaScript in the Browser. DOM Manipulation Fundamentals There are new projects, but you already know all this stuff © 
< So,to speed up learning even more, you can Data Structures, Modern Operators and Strings Better structure of concepts 
focus only on these important lectures A Closer Look at Functions Better explanations, but content was mostly in version 1 
Working With Arrays Better structure of concepts 
Numbers, Dates, Intl and Timers Was not In version 1, but not very important 
-Advanced DOM and Events Many new concepts and techniques 
Object Oriented Programming (OOP) With JavaScript Better explanations and many additional topics 
Mapty App: OOP Geolocation, External Libraries, and More! Only if you need an additional practice project Y 
Very important Asynchronous JavaScript: Promises, Async/Await and AJAX Better explanations and many additional topics 
Good to know Modern JavaScript Development: Modules and Tooling Better explanations and many additional topics 
Forkify App: Building a Modern Application Only if you want to check out v2 of the forkify project 


Optional 


Was not In version 1 





